<template>
	<view class="border">
		<view>
			<view class="mainText">{{msg}}</view>
			<view class="time">{{created}}</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		name:"messageCard",
		props:{
			msg:'',
			created:'',
		},
		data() {
			return {
			
			};
		},
		
		methods:{
		}
	}
</script>

<style>
	.border{
		
	}
	.mainText{
		width: 616rpx;
		height: 46rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 32rpx;
		text-align: left;
		  ;
		padding-top: 42rpx;
	}
	.time{
		width: 616rpx; 
		height: 40rpx;
		padding-top: 42rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 28rpx;
		text-align: right;
		  ;
		padding-bottom: 32rpx;
		border-bottom: 2rpx solid rgba(187, 187, 187, 100);
	}
</style>
